$(function(){
    $(".checkall").click(function(){
        //全选 1.就是把全选(.checkall)的状态赋给3个小按钮(j-checkbox)
        $(".j-checkbox,.checkall").prop('checked',$(this).prop('checked'));
        if($(".j-checkbox").prop('checked')){
            $(".j-checkbox").parents('.cart-item').addClass('check-cart-item');
        }else{
            $(".j-checkbox").parents('.cart-item').removeClass('check-cart-item');
        }
        
    });
     //2. 当三个小按钮(j-checkbox)全选的时候, 把全选(.checkall)按钮选上
    $('.j-checkbox').change(function(){
        //当小按钮全选的时候,全选按钮也选上,否则不选上
        if($(".j-checkbox:checked").length==$(".j-checkbox").length){
            $(".checkall").prop('checked',true);
        }else{
            $(".checkall").prop('checked',false);
        }


        if($(".j-checkbox").prop('checked')){
            $(".j-checkbox").parents('.cart-item').addClass('check-cart-item');
        }else{
            $(".j-checkbox").parents('.cart-item').removeClass('check-cart-item');
        }
    });

    //3.数量的加减
    //获取当前元素的兄弟的值,num++再赋值
    $('.increment').click(function(){
        let num=$(this).siblings('.itxt').val();
        num++;
        $(this).siblings('.itxt').val(num);

        //商品的小计
        let price=$(this).parent().parent().siblings('.p-price').text().substr(1);
        let sum=(price*num).toFixed(2);
        let html='￥'+sum;
        $(this).parent().parent().siblings('.p-sum').html(html);
        getSum();


    });
    //获取当前元素的兄弟的值,(判断是否==1)如果是return false,否则num--再赋值
    $('.decrement').click(function(){
        let num=$(this).siblings('.itxt').val();
        if(num==1){
            return false;
        }
        num--;
        $(this).siblings('.itxt').val(num);

        //商品的小计
        let price=$(this).parent().parent().siblings('.p-price').text().substr(1);
        let sum=(price*num).toFixed(2);
        let html='￥'+sum;
        $(this).parent().parent().siblings('.p-sum').html(html);
        getSum();
    });


    //4.表单变化商品的小计
    $('.itxt').change(function(){
        let num=$(this).val();
        let price=$(this).parent().parent().siblings('.p-price').text().substr(1);
        let sum=(price*num).toFixed(2);
        let html='￥'+sum;
        $(this).parent().parent().siblings('.p-sum').html(html);
        getSum();
    });
    getSum();
    

    //5.商品的总和和总计
    function getSum(){
        let count=0; //商品的总数量
        let money=0;//商品的总价格

        $('.itxt').each(function(i,ele){
            count+=parseInt($(ele).val());
            
        });
        $('.amount-sum em').text(count);
        $(".p-sum").each(function(i, ele) {
            money += parseFloat($(ele).text().substr(1));
        });
        $(".price-sum em").text("￥" + money.toFixed(2));


    }

    //6.删除购物车
    //①删除当前节点的商品
    $('.p-action a').click(function(){
        $(this).parents('.cart-item').remove();
        getSum();
    });

    //②删除选中节点的商品
    $('.remove-batch').click(function(){
        $('.j-checkbox:checked').parents('.cart-item').remove();
        getSum();
    });

    //③清空购物车
    $('.clear-all').click(function(){
        $('.cart-item').remove();
        getSum();
    });


   
    
    
});